<!DOCTYPE html>
<html>
<head th:include="common/header_css::header('霸王餐小程序后台管理-商品信息','%mfile%datepicker%summernote')"></head>
<!--<head th:include="common/header_css::header('霸王餐小程序后台管理-优惠券')"></head>-->
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="ibox float-e-margins">
        <div th:replace="common/toolbar::toolbar('用户优惠券管理')"></div>
        <div th:replace="common/search::search('%coupontpl')"></div>
        <!-- End Panel Basic -->
    </div>

    <!--添加Coupon模态框-->
    <div id="modal-add-form" class="modal fade" aria-hidden="true">
        <div class="modal-dialog" style="width: 800px;">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">
                        <h3 class="m-t-none m-b">用户优惠券添加</h3>
                        <div class="col-sm-12">
                            <div class="ibox float-e-margins">
                                <div class="ibox-content">
                                    <form id="aform" method="post" class="form-horizontal" action="add"
                                          onsubmit="return checkAdd()">

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">券编码 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" name="couponNo"
                                                               required
                                                               type="text" maxlength="30"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">券模板id *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" name="tplid"
                                                               required
                                                               type="number"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">券名称 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" name="name"
                                                               required
                                                               type="text" maxlength="200"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">优惠券类型 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <select class="form-control" name="type">
                                                            <option value="1">代金券</option>
                                                            <option value="2">满减券</option>
                                                            <option value="3">折扣券</option>
                                                            <option value="4">体验金</option>
                                                            <option value="5">加息券</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">有效开始时间
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="date" class="form-control selectData" readonly id="starttime" name="starttime">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">券结束时间
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="date" class="form-control selectData" readonly id="endtime" name="endtime">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">抵扣金额</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" name="cost" type="number"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">是否未生效 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="checkbox" class="js-switch" name="isUnable"
                                                               value="-1">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">是否已使用*
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="checkbox" class="js-switch" name="isUsed"
                                                               value="-1">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">是否未使用*
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="checkbox" class="js-switch" name="isUnused"
                                                               value="-1">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">是否过期
                                                        *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="date" class="form-control selectData" readonly
                                                               id="isOutdate" name="isOutdate">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">是否永久有效*
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="checkbox" class="js-switch" name="isForever"
                                                               value="-1">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">领券来源*
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <select class="form-control" name="originType">
                                                            <option value="1">主动领取</option>
                                                            <option value="2">渠道分享</option>
                                                            <option value="3">他人赠送</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label">使用描述</label>
                                                    <div class="col-sm-10">
                                                            <textarea class="form-control" name="remark" maxlength="200"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-4 col-sm-offset-2">
                                                <button class="btn btn-primary" type="submit">保存内容</button>
                                                <button data-toggle="modal" type="button" class="btn btn-white"
                                                        href="#modal-add-form">取消
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--修改Coupon模态框-->
    <div id="modal-form" class="modal fade" aria-hidden="true">
        <div class="modal-dialog" style="width: 800px;">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">
                        <h3 class="m-t-none m-b">用户优惠券修改</h3>
                        <div class="col-sm-12">
                            <div class="ibox float-e-margins">
                                <div class="ibox-content">
                                    <form id="mform" method="post" class="form-horizontal" action="modify"
                                          onsubmit="return checkModify()">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">券编码 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="couponNo" name="couponNo"
                                                               required
                                                               type="text" maxlength="0"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">券模板id *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="tplid" name="tplid"
                                                               required
                                                               type="number"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">券名称 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="name" name="name"
                                                               required
                                                               type="text" maxlength="200"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">优惠券类型 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <select class="form-control" name="type" id="type">
                                                            <option value="1">代金券</option>
                                                            <option value="2">满减券</option>
                                                            <option value="3">折扣券</option>
                                                            <option value="4">体验金</option>
                                                            <option value="5">加息券</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">有效开始时间</label>
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control selectData" readonly
                                                               id="starttime2" name="starttime">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">券结束时间</label>
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control selectData" readonly
                                                               id="endtime2" name="endtime">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">抵扣金额</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="cost" name="cost"
                                                               type="number"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">是否未生效 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="checkbox" id="isUnable" name="isUnable" value="-1">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">是否已使用 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="checkbox" id="isUsed" name="isUsed" value="-1">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">是否未使用 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="checkbox" id="isUnused" name="isUnused" value="-1">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">是否过期 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control selectData" readonly
                                                               id="isOutdate2" name="isOutdate">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">是否永久有效 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <input type="checkbox" id="isForever" name="isForever"
                                                               value="-1">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="col-sm-4 control-label">领券来源 *
                                                    </label>
                                                    <div class="col-sm-8">
                                                        <select class="form-control" name="originType" id="originType">
                                                            <option value="1">主动领取</option>
                                                            <option value="2">渠道分享</option>
                                                            <option value="3">他人赠送</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label">使用描述</label>
                                                    <div class="col-sm-10">
                                                            <textarea id="remark" name="remark" class="form-control" maxlength="200"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-4 col-sm-offset-2">
                                                <button class="btn btn-primary" type="submit">保存内容</button>
                                                <button data-toggle="modal" type="button" class="btn btn-white"
                                                        href="#modal-form">取消
                                                </button>
                                            </div>
                                        </div>
                                        <input id="id" name="id" type="hidden" value=""/>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div th:include="common/footer_js::footer"></div>
    <script>

        //图片上传
        function sendFile(file, editor, $editable) {

            var filename = false;
            try {
                filename = file['name'];
            } catch (e) {
                filename = false;
            }
            if (!filename) {
                $(".note-alarm").remove();
            }
            //以上防止在图片在编辑器内拖拽引发第二次上传导致的提示错误
            data = new FormData();
            data.append("mfile", file);
            data.append("key", filename); //唯一性参数

            $.ajax({
                data: data,
                type: "POST",
                url: "/upload/file?type=sn_Coupon",
                cache: false,
                contentType: false,
                processData: false,
                success: function (e) {
                    console.log(e)
                    if (e && e.code != 0) {
                        swal({title: "上传失败", text: "", type: "error"})
                        return;
                    } else {
                        swal({title: "上传成功", text: "", type: "success"})
                    }
                    editor.insertImage($editable, e.data);
                    setTimeout(function () {
                        $(".note-alarm").remove();
                    }, 5000);
                },
                error: function () {
                    swal({title: "上传失败", text: "", type: "error"})
                    return;
                }
            });
        }

        $(document).ready(function () {
            $(".summernote").summernote({
                lang: "zh-CN",
                width: 535,
                height: 260,
                dialogsInBody: true,
                onImageUpload: function (files, editor, $editable) {
                    sendFile(files[0], editor, $editable);
                }
            })
        });
    </script>
    <script src="/js/admin/coupon.js"></script>
</body>
</html>
